{% extends "base.html" %}{% load pages_tags %}{% load_pages %}

        {% block content %}
        
        <div id="header" class="innerpage">
        	<div class="shadow"></div>
        	<div class="container940">
        		<h1 class="pagetitle">Products</h1>
                <div class="pagedesc">Please take a moment to view the products below..</div>
                <div class="clear"></div><!-- clear float -->
            </div><!-- end container940 -->
        </div><!-- end #header -->
        
        
		<div id="content">
        	<div id="main">
		    <p>gsegres</p>
		{% if prod_list %}    
             {% for product in prod_list %}
                <div id="ts-display-portfolio">
                <ul id="ts-display-pf-col-1">
                    <li>
                        <div class="ts-display-pf-img">
                            <a class="image" href="images/content/pf/pf1.jpg" data-rel="prettyPhoto[mixed]" >
                            <span class="rollover"></span>
                            <img src="images/content/pf/pf1.jpg" alt="" /></a>
                            <span class="shadowimg540"></span>
                        </div>
                        <div class="ts-display-pf-text">
                            <h2 class="posttitle colortext">{{ product.name }}</h2>
                            <p>{{ product.description }}</p>
                            <a href="{{ product.get_absolute_url }}" class="button">Read More</a>
                        </div>
                        <div class="ts-display-clear"></div>
                    </li>
                    
                </ul>
                </div><!-- end #ts-display-portfolio -->
                {% endfor %}
             {% endif %}
        
		{% comment %}   
                 <div class="separator line"></div>
                
                </div><!-- end #ts-display-portfolio -->
                
               
           
                <div id="nav-below" class="navigation">
                    <div class="nav-previous"><span class="meta-nav"><a href="#">&larr; Older Post</a></span></div>
                    <div class="nav-next"><span class="meta-nav"><a href="#">Newer Post &rarr;</a></span></div>
                </div><!-- #nav-below -->
		
		 {% endcomment %}
                
            	<div class="clear"></div><!-- clear float -->
            </div><!-- end #main -->
		</div><!-- end #content -->
        
    {% endblock %}